<html> 
<head>
<script language="JavaScript">
function respond()
{
    var x_low             = document.response.x_low.value
    var x_high            = document.response.x_high.value
    var y_of_x            = document.response.y_of_x.value

    var win               = open("", "unusedname")

    win.document.writeln("<html><head><title>The Curve and the Water Fountain</title></head><body>")
    win.document.writeln("<p><center><H1>The Curve and the Water Fountain</H1></center></p>")
    win.document.writeln("<p><center><applet code='Image_and_Cursor' width = 701 height = 265>")
    win.document.writeln("<param name = 'applet_width' value = '701'>")
    win.document.writeln("<param name = 'applet_height' value = '265'>")
    win.document.writeln("<param name = 'image_width' value = '481'>")
    win.document.writeln("<param name = 'image_height' value = '223'>")
    win.document.writeln("<param name = 'backdrop_filename' value = 'water_fountain_1.gif'>")
    win.document.writeln("<param name = 'display_sw' value = '0'>")
    win.document.writeln("<param name = 'display_placement' value = '1'>")
    win.document.writeln("<param name = 'curve_sw' value = '1'>")
    win.document.writeln("<param name = 'curve_n' value = '100'>")
    win.document.writeln("<param name = 'curve_color' value = '255000000'>")

    win.document.write("<param name = 'curve_a' value = ")
    win.document.write(x_low)
    win.document.writeln(">")

    win.document.write("<param name = 'curve_b' value = ")
    win.document.write(x_high)
    win.document.writeln(">")

    win.document.write("<param name = 'curve_y_of_x' value = '")
    win.document.write(y_of_x)
    win.document.writeln("'>")
    win.document.writeln("<param name = 'recovery_message_line_2' value = 'Then correct the expression for f(x).'>")

    win.document.writeln("</applet></center></p>")
    win.document.writeln("</body></html>")
    win.document.close()
}
</script>

<title>Describe the Squirt</title>
</head>
<body>

<p><center><H1>Describe the Squirt</H1></center></p>

<p><center>
<APPLET code="Image_and_Cursor" width = 701 height = 303>
Your browser does not support Java, so nothing is displayed.
   <param name = "applet_width" value = "701">
   <param name = "applet_height" value = "303">
   <param name = "image_width" value = "481">
   <param name = "image_height" value = "223">
   <param name = "backdrop_filename" value = "water_fountain_1.gif">
   <param name = "display_placement" value = "1">
   <param name = "display_sw" value = "1">
</APPLET>
</center></p>

<p>The photograph above shows water squirting from a water fountain.  Your job is to find a function <b>y = f(x)</b> describing the curve formed by the squirting water.  As part of describing the function <b>f(x)</b> you will need to specify its domain -- that is, the lowest and highest values of the variable <b>x</b>.</p>  

<p>You can click on the photograph above to find the coordinates of the point at which you clicked.  You can fine tune the selected point by clicking at the arrows at the four sides of the photograph.  Each click on an arrow moves the cursors one pixel in the direction indicated by the arrow.</p>

<p>
You must enter three items in the form below to describe the curve formed by the squirting water.  The first two items specify the domain of the function <b>f(x)</b> and, thus, the part of the photograph above containing the curve formed by the squirting water.  The third item is an algebraic expression -- like <b>x^3 - x + 12</b>, for example -- that defines the function <b>f(x)</b> that describes the shape of the curve.  <font color = "B00000"><b>WARNING: Do not type something like f(x) = x^3 - x - 12.  Just type the algebraic expression, something like x^3 - x - 12</b>.</b></font></p>

<p>After you have entered the three items in the form below, click the "<b>Try it!!</b>" button to see the curve superimposed on the photograph.</p>
</p>

<form name = "response">
<p><center><table cellpadding = 10 width = 90%>
<tr>
<td width = 35%><b>Low end of the domain</b></td>
<td width = 65%><input type = "textfield" value = "lowest value of x" 
cols = "60" name = "x_low"></td>
</tr>
<td width = 35%><b>High end of the domain</b></td>
<td width = 65%><input type = "textfield" value = "highest value of x" 
cols = "60" name = "x_high"></td>
</tr>
<tr>
<td width = 35%><b>The function f(x)</b></td>
<td width = 65%>
<textarea rows = 1 cols = 75 name = "y_of_x">
Enter an algebraic expression defining the function f(x)
</textarea></td>
</tr>
</table></center></p>

<p><center>
<input type = "button" value = "Try it!!" onclick = "respond()">
</center></p>
</form>

<p>After you have found a function that you are reasonably happy with that describes the curve formed by the squirting water, discuss why it does not do as good a job as you might have hoped. </p>

</body>
</html>